// 引入配置文件
document.write('<script src="js/config.js"></script>');

$(document).ready(function() {
    // 检查是否已登录，如果已登录则跳转到主页面
    if (getToken()) {
        window.location.href = 'books.html';
        return;
    }
    
    // 标签切换
    $('.tab').click(function() {
        const tabId = $(this).data('tab');
        
        // 切换标签激活状态
        $('.tab').removeClass('active');
        $(this).addClass('active');
        
        // 切换表单显示
        $('.form').removeClass('active');
        $(`#${tabId}-form`).addClass('active');
        
        // 清空消息
        $('.message').html('').removeClass('success error').hide();
    });
    
    // 登录表单提交
    $('#login-form').submit(function(e) {
        e.preventDefault();
        
        const username = $('#login-username').val().trim();
        const password = $('#login-password').val();
        
        // 简单验证
        if (!username || !password) {
            showMessage('#login-message', '用户名和密码不能为空', 'error');
            return;
        }
        
        // 发送登录请求
        apiRequest('/user/login', 'POST', { username, password }, false)
            .then(data => {
                // 保存token，确保添加Bearer前缀
                const token = data.startsWith('Bearer ') ? data : `Bearer ${data}`;
                setToken(token);
                
                // 获取用户信息
                return apiRequest('/user/info', 'GET', null, true);
            })
            .then(userInfo => {
                // 保存用户信息
                setUserInfo(userInfo);
                
                // 显示成功消息并跳转
                showMessage('#login-message', '登录成功，正在跳转...', 'success');
                setTimeout(() => {
                    window.location.href = 'books.html';
                }, 1000);
            })
            .catch(error => {
                showMessage('#login-message', error.message || '登录失败，请检查用户名和密码', 'error');
            });
    });
    
    // 注册表单提交
    $('#register-form').submit(function(e) {
        e.preventDefault();
        
        const username = $('#register-username').val().trim();
        const password = $('#register-password').val();
        
        // 简单验证
        if (username.length < 3 || username.length > 50) {
            showMessage('#register-message', '用户名长度必须在3-50个字符之间', 'error');
            return;
        }
        
        if (password.length < 6 || password.length > 100) {
            showMessage('#register-message', '密码长度必须在6-100个字符之间', 'error');
            return;
        }
        
        // 发送注册请求
        apiRequest('/user/register', 'POST', { username, password }, false)
            .then(data => {
                // 显示成功消息
                showMessage('#register-message', '注册成功，请登录', 'success');
                
                // 清空表单
                $('#register-form')[0].reset();
                
                // 切换到登录标签
                setTimeout(() => {
                    $('.tab[data-tab="login"]').click();
                }, 1500);
            })
            .catch(error => {
                showMessage('#register-message', error.message || '注册失败，请稍后再试', 'error');
            });
    });
    
    // 显示消息函数
    function showMessage(selector, message, type) {
        const $message = $(selector);
        $message.html(message).removeClass('success error').addClass(type).show();
    }
});
